body {
    background-color: #f4f4f4;
    position: relative;
    .container {
        // background-color: #222222;
        // opacity: 0.2;
        .header {
            position: relative;
            .swiper-container {
                .swiper-slide {
                    width: 100% !important;
                    img {
                        width: 100%;
                        display: block;
                    }
                }
            }
            .share {
                position: absolute;
                width: 0.6rem;
                height: 0.6rem;
                right: 0.2rem;
                top: 0.2rem;
                z-index: 999;
                img {
                    width: .6rem;
                }
            }
        } // 商品详情信息
        .main {
            background-color: #f4f4f4;
            padding-bottom: 1.2rem;
            .good-top {
                background-color: #fff;
                padding: 0.2rem .2rem;
                margin-bottom: .26rem;
                span {
                    color: #282828;
                    font-size: .3rem;
                }
                i {
                    font-style: normal;
                    color: #D68B84;
                    font-size: .28rem;
                }
            }
            .mess {
                padding: 0 .2rem;
                background-color: #fff;
                margin-bottom: .2rem;
                .m-top {
                    height: .9rem;
                    display: flex;
                    border-bottom: 1px solid #DADADA;
                    li {
                        height: 0.5rem;
                        line-height: 0.5rem;
                        flex: 1;
                        overflow: hidden;
                        margin: 0.2rem 0;
                        span,
                        i {
                            font-size: .24rem;
                            color: #505050;
                        }
                        i {
                            font-style: normal;
                            color: #505050;
                        }
                    }
                    li:nth-of-type(1) {
                        padding-right: .3rem;
                        border-right: 1px solid #DADADA;
                    }
                    li:nth-of-type(2) {
                        padding-left: .3rem;
                    }
                }
                .m-bottom {
                    height: .9rem;
                    line-height: .9rem;
                    overflow: hidden;
                    span {
                        font-size: .28rem;
                        color: #505050;
                    }
                    i,
                    em {
                        font-style: normal;
                    }
                    em {
                        font-size: .2rem;
                        color: #505050;
                    }
                }
            } // 图文详情
            .image-text {
                background-color: #fff; // height: 3rem;
                margin-bottom: .2rem;
                padding-bottom: 0.2rem;
                .scsj-top {
                    height: .9rem;
                    line-height: .9rem;
                    overflow: hidden;
                    margin: 0 .2rem;
                    border-bottom: 1px solid #dadada;
                    span,
                    i {
                        font-size: .3rem;
                        color: #282828;
                    }
                    i {
                        font-style: normal;
                        margin-left: .16rem;
                    }
                    a {
                        display: inline-block;
                        height: .5rem;
                        line-height: .5rem;
                        padding: 0 0.2rem;
                        color: #D68B84;
                        font-size: .24rem;
                        border: 1px solid #D68B84;
                        border-radius: .5rem;
                        margin-top: .2rem;
                    }
                } // 评价
                .scsj-assess {
                    padding: .2rem;
                    background-color: #fff;
                    .photo {
                        overflow: hidden;
                        padding-bottom: 0.2rem;
                        .ff {
                            width: .42rem;
                        }
                        span {
                            color: #282828;
                            font-size: .26rem;
                            margin-left: .2rem;
                        }
                        .mmm {
                            height: 100%;
                            line-height: 1.5rem;
                            border: 0;
                            line-height: 0;
                            width: 48%;
                            text-align: left;
                            margin-left: .2rem;
                            img {
                                margin: 0;
                                width: .3rem;
                                display: inline-block;
                            }
                        }
                    }
                    .p-list {
                        p {
                            color: #505050;
                            font-size: .24rem;
                            line-height: .4rem;
                        }
                        i {
                            color: #505050;
                            font-size: .24rem;
                            font-style: normal;
                        }
                    }
                }
            } // 图文详情带图片的那种
            .text-image {
                background-color: #fff;
                h2 {
                    height: .9rem;
                    font-weight: 400;
                    color: #D68B84;
                    font-size: .3rem;
                    width: 100%;
                    text-align: center;
                    line-height: .9rem;
                }
                img {
                    display: block;
                    width: 100%;
                }
            }
        } // 底部
        .foot {
            position: fixed;
            bottom: 0;
            left: 0;
            background-color: #fff;
            height: 1rem;
            width: 100%;
            border-top: 1px solid #dadada;
            overflow: hidden;
            .service {
                display: inline-block;
                width: 39%;
                height: 1rem;
                padding: 0.1rem;
                text-align: center;
                overflow: hidden;
                img {
                    display: block;
                    width: 0.36rem;
                    height: 0.36rem;
                    margin: 0 auto;
                }
                p {
                    color: #282828;
                    margin-top: 0.1rem;
                }
            }
            .purchase {
                position: absolute;
                right: 0;
                color: #fff;
                width: 60%;
                height: 1rem;
                border: 0;
                background-color: #f5445d;
                text-align: center;
            }
        }
       
    } // 选取规格样式
    .specificate {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 5rem;
        background-color: #fff;
        border-top: 1px solid #dadada;
        display: none;
        .infor {
            height: 2.2rem;
            .smallImg {
                position: absolute;
                width: 2.42rem;
                height: 2.51rem;
                padding-left: 0.2rem;
                padding-top: 0.13rem;
                margin-top: -0.4rem;
                img {
                    width: 2rem;
                    height: 2rem;
                    display: block;
                }
            }
            .goodsInfor {
                padding-left: 2.42rem;
                height: 100%;
                overflow: hidden;
                .goodsPrice {
                    font-size: 0.36rem;
                    letter-spacing: -0.01rem;
                    color: #e15656;
                    margin-top: 0.38rem;
                    margin-bottom: 0.1rem;
                }
                .goodsStorage {
                    font-size: 0.28rem;
                    color: #282828;
                    i {
                        font-style: normal;
                    }
                }
            }
        }
        .close {
            width: 0.88rem;
            height: 0.88rem;
            position: absolute;
            right: 0.2rem;
            top: 0.2rem;
            img {
                width: 0.88rem;
            }
        }
        .choiceNum {
            height: 3rem;
            padding: 0 .2rem;
            position: relative;
            p {
                font-size: 0.34rem;
                color: #282828;
            }
            .operate {
                position: absolute;
                right: .2rem;
                top: 0;
                font-size: 0;
                .minus,
                .add {
                    display: inline-block;
                    width: 0.4rem;
                    height: 0.4rem;
                    border: 0;
                    background: url("../images/shopCartSprite.png") no-repeat -0.6rem 0;
                    background-size: 2.82rem 2.02rem;
                    vertical-align: bottom;
                }
                .add {
                    background: url("../images/shopCartSprite.png") no-repeat -2.4rem 0;
                    background-size: 2.82rem 2.02rem;
                }
                .num {
                    display: inline-block;
                    width: 0.72rem;
                    height: 0.4rem;
                    background: url("../images/shopCartSprite.png") no-repeat -1.4rem 0;
                    background-size: 2.82rem 2.02rem;
                    font-size: 0.24rem;
                    color: #5c5c5c;
                    margin-left: -2px;
                    vertical-align: bottom;
                    text-align: center;
                    line-height: 0.4rem;
                }
                .del {
                    display: inline-block;
                    border: 0;
                    width: 0.44rem;
                    height: 0.44rem;
                    background: url("../images/shopCartSprite.png") no-repeat -0.6rem -.6rem;
                    background-size: 2.82rem 2.02rem;
                    vertical-align: bottom;
                }
            }
        }
        .payment {
            display: block;
            width: 100%;
            height: 1rem;
            position: absolute;
            bottom: 0;
            input {
                display: block;
                height: 1rem;
                width: 100%;
                border: 0;
                background-color: #e15656;
                font-size: 0.32rem;
                color: #ffffff;
                font-family: AdobeHeitiStd-Regular;
                text-align: center;
                line-height: 1rem;
            }
        }
    } //  分享功能
    .shareLinks {
        position: fixed;
        bottom: 0;
        background-color: #fff;
        width:100%;
        display: none;
        .shareTop {
            text-align: center;
            height: 1rem;
            line-height: 1rem;
            border-bottom: .01rem solid #f4f4f4;
            color: #505050;
            font-size: .32rem;
        }
        .shareMiddle {
            margin-top: .3rem;
            width: 100%;
            text-align: center;
            display: flex;
            margin-bottom: .5rem;
            a {
                flex: 1;
                text-align: center;
                img {
                    width: .6rem;
                    height: .6rem;
                }
                p {
                    font-size: .28rem;
                    color: #505050;
                    vertical-align: bottom;
                }
            }
        }
        .shareBottom {
            border-top: .01rem solid #f4f4f4;
            width: 100%;
            height: 1rem;
            text-align: center;
            a {
                display: inline-block;
                width: 100%;
                height: 100%;
                font-size: .32rem;
                color: #505050;
                line-height: 1rem;
            }
        }
    }
}
.mask {
    background-color: #222222;
    opacity: 0.2;
}